/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);*/
/* line 27, style.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 27, style.scss */
body {
  line-height: 1;
}

/* line 27, style.scss */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 27, style.scss */
nav ul {
  list-style: none;
}

/* line 27, style.scss */
blockquote, q {
  quotes: none;
}

/* line 27, style.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 27, style.scss */
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 27, style.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 27, style.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 27, style.scss */
del {
  text-decoration: line-through;
}

/* line 27, style.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* line 27, style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 27, style.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 27, style.scss */
input, select {
  vertical-align: middle;
}

/* line 35, style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 39, style.scss */
body {
  color: #333333;
  font: 400 120% / 1.5 "Open Sans", sans-serif;
  -webkit-transition: font-size 300ms;
  transition: font-size 300ms;
}

/* line 45, style.scss */
.container {
  margin: 0 auto;
  max-width: 40em;
  padding: 3em;
}

/* line 51, style.scss */
::-moz-selection {
  background: #333333 !important;
  color: #fff !important;
  text-shadow: none !important;
}

/* line 57, style.scss */
::selection {
  background: #333333 !important;
  color: #fff !important;
  text-shadow: none !important;
}

/* line 63, style.scss */
.fade {
  opacity: 0;
  position: relative;
  top: -10px;
  -webkit-transition: opacity 600ms, top 600ms;
  transition: opacity 600ms, top 600ms;
}

/* line 73, style.scss */
.fade-load {
  opacity: 1;
  top: 0;
}

@media (max-width: 50em) {
  /* line 79, style.scss */
  body {
    font-size: 100%;
  }
}
@media (max-width: 30em) {
  /* line 85, style.scss */
  body {
    font-size: 90%;
  }

  /* line 89, style.scss */
  .container {
    padding: 1.5em;
  }
}
/* line 100, style.scss */
h1 {
  font-size: 3em;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 0.1em;
}

/* line 108, style.scss */
h2 {
  color: #333333;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.125em;
}

/* line 116, style.scss */
h3 {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.75em;
}

/* line 123, style.scss */
p {
  font-size: 0.9em;
  margin-bottom: 1.875em;
}

/* line 128, style.scss */
a {
  border-bottom: 1px solid #dddddd;
  color: #333333;
  text-decoration: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

/* line 136, style.scss */
a:hover,
a:focus {
  color: #999999;
}

/* line 146, style.scss */
form {
  margin-bottom: 2.25em;
}

/* line 150, style.scss */
label {
  display: block;
  position: relative;
}

/* line 156, style.scss */
textarea,
input {
  border: 2px solid #dddddd;
  border-radius: 0;
  color: #999999;
  display: block;
  font: 400 1em/1 "Open Sans", sans-serif;
  margin: 0 0 0.5em;
  padding: 1em 1.25em;
  width: 100%;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
}
/* line 170, style.scss */
textarea:focus,
input:focus {
  border-color: #333333;
  color: #333333;
  outline: none;
}

/* line 177, style.scss */
textarea {
  margin: 0;
  min-height: 7.5em;
  line-height: 1.5;
  overflow: auto;
  resize: vertical;
}

/* line 185, style.scss */
.arrow {
  border-top: 9px solid #dddddd;
  border-right: 9px solid #dddddd;
  border-bottom: 9px inset transparent;
  border-left: 9px inset transparent;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

/* line 198, style.scss */
input:focus + .arrow,
textarea:focus + .arrow {
  border-top-color: #333333;
  border-right-color: #333333;
}

@media (max-width: 30em) {
  /* line 205, style.scss */
  textarea,
  input {
    font-size: 1.3em;
  }
}
/* line 215, style.scss */
.buttons {
  margin-bottom: 2.25em;
}

/* line 219, style.scss */
.button {
  background: #333333;
  color: #fff;
  display: block;
  float: left;
  font-size: 1em;
  font-weight: 600;
  padding: 1.5em 1.125em;
  text-align: center;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  width: 49%;
}

/* line 232, style.scss */
.button:last-child {
  float: right;
}

/* line 237, style.scss */
.button:hover,
.button:focus {
  background: #999999;
  color: #fff;
}

@media (max-width: 30em) {
  /* line 244, style.scss */
  .button,
  .button:last-child {
    border: none;
    float: none;
    margin-bottom: 0.75em;
    width: auto;
  }
}
/* line 258, style.scss */
.code-wrap {
  margin-bottom: 3em;
}

/* line 262, style.scss */
pre {
  display: block;
  margin-bottom: 1.125em;
}

/* line 267, style.scss */
pre:last-child {
  margin-bottom: 0;
}

/* line 271, style.scss */
code {
  background: #eee;
  color: #333333;
  display: block;
  font-size: 0.9em;
  overflow: auto;
  padding: 1.875em 1.875em;
  -webkit-overflow-scrolling: touch;
}

/* line 281, style.scss */
code span {
  color: #999999;
}

/* line 291, style.scss */
footer {
  border-top: 2px solid #dddddd;
  padding-top: 2.25em;
}

/* line 296, style.scss */
footer p {
  font-size: 0.8em;
  margin-bottom: 0;
}

/* line 307, style.scss */
body::-webkit-scrollbar {
  width: 15px;
}

/* line 311, style.scss */
body::-webkit-scrollbar-track {
  background: #dddddd;
}

/* line 315, style.scss */
body::-webkit-scrollbar-thumb {
  background: #333333;
}

/* line 319, style.scss */
body::-webkit-scrollbar-thumb:hover {
  background: #999999;
}

/* line 330, style.scss */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

/* line 335, style.scss */
.clearfix:after {
  clear: both;
}

/* line 339, style.scss */
.clearfix {
  zoom: 1;
}
